<template>
    <div class="complicatedSearch ">
       <el-button type="primary" @click="changeShow">高级搜索</el-button>
        <div v-if="tog" class="csForm">
            <el-form :inline="true" class="demo-form-inline">
                <slot></slot>
                </el-form>   
            <div>
                <el-button type="primary" >查询</el-button> <el-button type="primary" @click="changeShow">取消</el-button>
            </div>
        </div>
    </div>
</template>
<script>
    import bus from '../common/bus';

    export default {
        data() {
            return {
              formInline:{},
              tog:false
            }
        },
        computed:{
          
        },
        methods:{
            changeShow(){
                this.tog = !this.tog;
                const body = document.getElementById("srollContent");
                if(this.tog){
                     body.style.overflowY ="hidden"
                }else{
                    body.style.overflowY ="auto"
                }
            }
        }
    }
</script>
<style scoped>
  .complicatedSearch{
      display:inline-block;
     position: relative;
  }
  .csForm{
         position: fixed;
         width:50%;
         background:#ffffff;
         z-index:1;
        right:20px;
  }
</style>
